// components/SalesLineChart.js
"use client";

import {
    LineChart,
    Line,
    XAxis,
    YAxis,
    CartesianGrid,
    Tooltip,
    ResponsiveContainer
} from "recharts";

const salesData = [
    { month: "1月", value: 1100 },
    { month: "2月", value: 300 },
    { month: "3月", value: 200 },
    { month: "4月", value: 950 },
    { month: "5月", value: 1000 },
    { month: "6月", value: 250 },
    { month: "7月", value: 400 },
    { month: "8月", value: 1200 },
    { month: "9月", value: 300 },
    { month: "10月", value: 1100 },
    { month: "11月", value: 650 },
    { month: "12月", value: 750 }
];

const SalesLineChart = () => (
    <ResponsiveContainer width="100%" height="100%">
        <LineChart data={salesData} margin={{ top: 5, right: 30, left: 20, bottom: 5 }}>
            <CartesianGrid strokeDasharray="3 3" />
            <XAxis dataKey="month" />
            <YAxis />
            <Tooltip />
            <Line type="monotone" dataKey="value" stroke="#f59e0b" strokeWidth={2} />
        </LineChart>
    </ResponsiveContainer>
);

export default SalesLineChart;
